import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

// 1. 注册 Vuex 到 Vue
Vue.use(Vuex)

// 2. 定义状态（全局共享的数据）
const state = {
  vs_currency: 'usd', 
}

const mutations = {
  setCurrency(state, vs_currency) {
    state.vs_currency = vs_currency
  }
}

const actions = {

}
const getters = {
  getCurrency(state) {
    return state.vs_currency
  },
}

// 6. 导出 Store 实例
export default new Vuex.Store({
  state,
  mutations,
  actions,
  getters,
    plugins: [
    // 配置持久化
    createPersistedState({
      // 存储方式：localStorage（默认）或 sessionStorage
      storage: window.localStorage,
      
      // 指定需要持久化的状态，默认持久化所有状态
      paths: ['vs_currency'], // 只持久化 userInfo，count 不持久化
      
      // 自定义存储的 key，默认是 vuex
      key: 'my-vuex-persist'
    })
  ]
})
